<!--<html><head></head><body></body></html>-->
<!DOCTYPE html>
<html>
<head>
    <title>服务介绍</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=2.0, user-scalable=1"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="layoutmode" content="standard">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="renderer" content="webkit">


    <!--uc浏览器判断到页面上文字居多时，会自动放大字体优化移动用户体验。添加以下头部可以禁用掉该优化-->
    <meta name="wap-font-scale" content="no">

    <meta content="telephone=no" name="format-detection"/>
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">


    <link rel="stylesheet" type="text/css" href="//mo.faisys.com/css/fontsIco.min.css?v=201807171432"/>
    <link rel="stylesheet" type="text/css" href="//mo.faisys.com/css/base.min.css?v=201807181219" title="default"/>
    <link rel="stylesheet" type="text/css" href="//mo.faisys.com/css/bannerAnimation.min.css?v=201711201610" title=""/>


    <link rel="stylesheet" id="mobiStyleTemplateCss" type="text/css"
          href="//mo.faisys.com/css/template/1027_6.min.css?v=201806081418"/>


    <meta name="keywords" content=""/>
    <meta name="description" content=""/>

    <style>
        .photoModule.styleForm1 .photoDiv {
            width: 44%;
        }
    </style>

    <!-- //横向标签样式css -->
    <style id='mobiTabStyleCss'>
        .fk-tabStyle2 .f-formTabButtonList .formTabButtonClick {
            border-bottom-color: #06c1ae;
        }

        .fk-tabStyle2 .f-formTabButtonList .formTabButtonClick {
            color: #06c1ae;
        }

        .fk-tabStyle1 div.formTabButtonClick .f-formTabMiddle {
            background-color: #06c1ae;
        }
    </style>

    <!-- //折叠标签样式css -->
    <style id='mobiFoldStyleCss'>
        .fk-foldStyle1 .f-formFoldButton.active {
            color: #06c1ae;
        }

        .fk-foldStyle1 .f-formFoldButton.active .icon-fold:before {
            color: #06c1ae;
        }

        .fk-foldStyle2 .f-formFoldButton.active {
            background-color: #06c1ae;
        }

        .fk-foldStyle3 .f-formFoldButton.active {
            color: #06c1ae;
        }

        .fk-foldStyle3 .f-formFoldButton.active .icon-fold:before {
            color: #06c1ae;
        }
    </style>

    <!-- //输出模块样式css -->
    <style id='mobiStyleModule'>
    </style>
    <style id='mobiStyleNav' type='text/css'>


        .open .navItem:nth-child(2) {
            transition-delay: 160ms;
        }

        #navbar_3 .icon-navItemIcon:before {
            content: '';
            content: '';
        }

        #navbar_3 .icon-navItemIcon {
            background-image: none;
        }

        .open .navItem:nth-child(4) {
            transition-delay: 240ms;
        }

        #navbar_106 .icon-navItemIcon:before {
            content: '';
            content: '';
        }

        #navbar_106 .icon-navItemIcon {
            background-image: none;
        }

        .open .navItem:nth-child(6) {
            transition-delay: 320ms;
        }

        #navbar_107 .icon-navItemIcon:before {
            content: '';
            content: '';
        }

        #navbar_107 .icon-navItemIcon {
            background-image: none;
        }

        .open .navItem:nth-child(8) {
            transition-delay: 400ms;
        }

        #navbar_108 .icon-navItemIcon:before {
            content: '';
            content: '';
        }

        #navbar_108 .icon-navItemIcon {
            background-image: none;
        }

        .open .navItem:nth-child(10) {
            transition-delay: 480ms;
        }

        #navbar_109 .icon-navItemIcon:before {
            content: '';
            content: '';
        }

        #navbar_109 .icon-navItemIcon {
            background-image: none;
        }

        .open .navItem:nth-child(12) {
            transition-delay: 560ms;
        }

        #navbar_9 .icon-navItemIcon:before {
            content: '';
            content: '';
        }

        #navbar_9 .icon-navItemIcon {
            background-image: none;
        }
    </style>


    <style id='mobiCubeStyleModule'>
    </style>

    <style id='mobiSearchStyleModule'>
    </style>


    <!-- //按钮样式css -->
    <style id='mobiFloatBtnCss'>
        .form .floatBtnStyle0 .middle {
            background-color: #06c1ae;
        }

        .form .floatBtnStyle1 .middle {
            background-color: #06c1ae;
        }

        .form .floatBtnStyle2 .middle {
            border-color: #06c1ae;
            color: #06c1ae;
        }

        .form .floatBtnStyle3 .middle {
            background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
            background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
        }

        .form .floatBtnStyle4 .middle {
            background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
            background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
            border-color: #06c1ae;
        }
    </style>


    <!-- 输出底部样式 -->
    <style id='fixedAreaBoxStyle'>
        .webFooterBox .ui-calendar-calendar .ui-state-active {
            background-color: #06c1ae;
        }

        .webFooterBox .ui-calendar-calendar .ui-calendar-startDate {
            background-color: #06c1ae;
        }

        .webFooterBox .ui-calendar-prev:after {
            color: #06c1ae;
        }

        .webFooterBox .ui-calendar-next:after {
            color: #06c1ae;
        }

        .webFooterBox .fk-calendarNav {
            background-color: #06c1ae;
        }
    </style>


    <!-- 特殊模块样式 如系统模块 -->
    <style id='specialModuleStyle'>
    </style>


    <!-- 系统特殊隐藏栏目隐藏头部、banner -->
    <style type='text/css' id='independentColStyle'>
    </style>


</head>
<body faiscoMobi="true" id="g_body" class="g_locale2052 mobiCol107">

<script type="text/javascript">
    (function () {
        var fs = document.createElement("script");
        fs.src = "//fe.faisys.com/jssdk_1_0/js/hawkEye.min.js?v=201807181129";
        window.FAI_HAWK_EYE = {};
        window.FAI_HAWK_EYE.jssdk_report_url = "//report.webportal.top/js/report";
        window.FAI_HAWK_EYE.jssdk_appid = 3009;
        window.FAI_HAWK_EYE.fai_aid = 12373036;
        window.FAI_HAWK_EYE.fai_bs_aid = 12373036;
        window.FAI_HAWK_EYE.fai_bs_id = 0;
        window.FAI_HAWK_EYE.fai_bs_wid = 0;
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(fs, s);
    })();</script>


<script type="text/javascript">
    //html root的字体计算应该放在前面，这样计算就不会有误差了/
    //2016.3.23 wjq update 之所以要加个判断返回一个20.5，是因为当用户在谷歌等浏览器直接输入手机端网站网址时，如果用户设置模块自定义样式的高度比较小，由于这时候的clientWidth为1920px，及返回的_htmlFontSize为40，这时候就会使模块太小，展示不完全，因此先取一个较为准确的值去展示。Mobi.resetHtmlFontSize()顺便也加了
    var _htmlFontSize = (function () {
        var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
        //if(clientWidth > 768) clientWidth = 768;
        if (clientWidth > 768 && clientWidth < 1280) {
            clientWidth = 768;
        } else if (clientWidth >= 1280) {
            clientWidth = 512;
        }
        document.documentElement.style.fontSize = clientWidth * 1 / 16 + "px";
        return clientWidth * 1 / 16;
    })();

</script>


<div class="webLeft"></div>
<div id="g_web" class="g_web">
    <!-- this is loading  -->
    <div id="webLoading" class="loading" style='display:none;'>
        <div id="splashscreen" class='splashscreen ui-loader'>
            <span class='ui-icon ui-icon-loading spin'></span>
        </div>
    </div>
    <div id="webTopBox" class="webTopBox  ">
        <div id="webTop" class="webTop mobiTipsStyle">

            <div id='navbar' class='navbar navBaseIcon'>
                <div id='navbarList' class='navbarList  '>
                    <div id='itemSep_3' class='itemSep'></div>
                    <div id='navItem_3' class='navItem navItem_3  icon-navItem'><a href='/index.jsp' _colid='3'
                                                                                   id='navbar_3'><span
                            class='navItemIcon icon-navItemIcon J_fontIcon'></span><span class='nameWrap'><span
                            class='navItemName'><span>首页</span></span></span><span class='icon-subNav'></span></a></div>
                    <div id='itemSep_106' class='itemSep'></div>
                    <div id='navItem_106' class='navItem navItem_106  icon-navItem'><a href='/col.jsp?id=106'
                                                                                       _colid='106'
                                                                                       id='navbar_106'><span
                            class='navItemIcon icon-navItemIcon J_fontIcon'></span><span class='nameWrap'><span
                            class='navItemName'><span>品牌介绍</span></span></span><span class='icon-subNav'></span></a>
                    </div>
                    <div id='itemSep_107' class='itemSep'></div>
                    <div id='navItem_107' class='navItem navItem_107 itemSelected icon-navItem'><a
                            href='/col.jsp?id=107' _colid='107' id='navbar_107'><span
                            class='navItemIcon icon-navItemIcon J_fontIcon'></span><span class='nameWrap'><span
                            class='navItemName'><span>服务介绍</span></span></span><span class='icon-subNav'></span></a>
                    </div>
                    <div id='itemSep_108' class='itemSep'></div>
                    <div id='navItem_108' class='navItem navItem_108  icon-navItem'><a href='/col.jsp?id=108'
                                                                                       _colid='108'
                                                                                       id='navbar_108'><span
                            class='navItemIcon icon-navItemIcon J_fontIcon'></span><span class='nameWrap'><span
                            class='navItemName'><span>新闻中心</span></span></span><span class='icon-subNav'></span></a>
                    </div>
                    <div id='itemSep_109' class='itemSep'></div>
                    <div id='navItem_109' class='navItem navItem_109  icon-navItem'><a href='/col.jsp?id=109'
                                                                                       _colid='109'
                                                                                       id='navbar_109'><span
                            class='navItemIcon icon-navItemIcon J_fontIcon'></span><span class='nameWrap'><span
                            class='navItemName'><span>联系我们</span></span></span><span class='icon-subNav'></span></a>
                    </div>
                    <div id='itemSep_9' class='itemSep'></div>
                    <div id='navItem_9' class='navItem navItem_9  icon-navItem'><a href='/mb.jsp' _colid='9'
                                                                                   id='navbar_9'><span
                            class='navItemIcon icon-navItemIcon J_fontIcon'></span><span class='nameWrap'><span
                            class='navItemName'><span>留言板</span></span></span><span class='icon-subNav'></span></a>
                    </div>
                </div>
                <div class='navLeft icon-navLeft'></div>
                <div class='navRight icon-navRight'></div>
                <div class='jz_subMenuSeoGhost'></div>
            </div>

        </div>
    </div>
    <div id="webHeaderBox" class="webHeaderBox    mobiTipsStyle">
        <div id='headerWhiteBg' class='headerSiteMaskWhiteBg'></div>
        <div id='headerBg' class='headerSiteMaskBg'></div>
        <div id='webHeader' class='webHeader webHeaderBg '>
            <div id='header' class='header-forLogo header ' style='padding:0px;'><span class='pageLogo   '
                                                                                       style='display:none;visibility:hidden;'
                                                                                       id='pageLogo' sid='0' pw='160'
                                                                                       ph='160'><a href='/'><div
                    id='pageLogoImg' class='J_logoImg logoImg '
                    style='background-image:url(//2.ss.faisys.com/image/no-pic.jpg);background-size: contain;background-position: center;background-repeat: no-repeat;'></div></a></span><span
                    class='pageTitle ' id='pageTitle'><h1
                    style='font-weight:normal; font-size: inherit; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis;'><a
                    href='/' style='color:inherit;'>微官网</a></h1></span></div>
        </div>


    </div>

    <div id="webBannerBox" class="webBannerBox   mobiTipsBannerStyle">


        <div id='webBanner' style='display: none;' class='webBanner'></div>
    </div>
    <div id="webContainerBox" class="webContainerBox" style="overflow:visible;">
        <div id="webModuleContainer" class="webModuleContainer">
            <div id='module310' class='form Handle  formStyle6 ' _autoHeight='1' _height='0' _width='0' _autoWidth='1'
                 _bHeight='0' _inTab='0' _inFold='0' style=''>
                <div _bannerAutoHeight='1' class='formBannerTitle formBannerTitle310'>
                    <div class='titleLeft titleLeft310'>
                    </div>
                    <div class='titleCenter titleCenter310'>
                        <div class='titleText titleText310'>
                            <div class='titleTextIcon icon-titleText'>&nbsp;</div>
                            <div class='textContent'>核心服务</div>
                        </div>
                    </div>
                    <div class='titleRight titleRight310'>
                    </div>
                </div>
                <div class='formMiddle formMiddle310'>
                    <div class='middleLeft middleLeft310'>
                    </div>
                    <div class='middleCenter middleCenter310'>
                        <div class='formMiddleContent formMiddleContent310 moduleContent' _innerType='0'>
                            <div class='newsList ' id='newsList310'>
                                <div id='J_newsListPanel310' class='J_newsListPanel f-cardGraphicNews' picNum='5' style="height: 326px;overflow: hidden;">
                                    <div class='J_newsListSlidePanel f-cardGraphicNewsSlide' picNum='5' id="service">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='middleRight middleRight310'>
                    </div>
                </div>
            </div>
            <div id='module333' class='form Handle  formStyle41 ' _autoHeight='1' _height='0' _width='0' _autoWidth='1'
                 _bHeight='0' _inTab='0' _inFold='0' style=''>
                <div _bannerAutoHeight='1' class='formBannerTitle formBannerTitle333'>
                    <div class='titleLeft titleLeft333'>
                    </div>
                    <div class='titleCenter titleCenter333'>
                        <div class='titleText titleText333'>
                            <div class='titleTextIcon icon-titleText'>&nbsp;</div>
                            <div class='textContent'>服务案例</div>
                        </div>
                    </div>
                    <div class='titleRight titleRight333'>
                    </div>
                </div>
                <div class='formMiddle formMiddle333'>
                    <div class='middleLeft middleLeft333'>
                    </div>
                    <div class="middleCenter middleCenter333">
                        <div class="formMiddleContent formMiddleContent333 moduleContent" _innertype="0"
                             style="margin-bottom: 0.5rem;">
                            <div class="photoModule styleForm1" id="service-demo" style="margin-bottom: 0px;">

                                <div style="clear:both;"></div>
                            </div>
                        </div>
                    </div>
                    <div class='middleRight middleRight333'>
                    </div>
                </div>
            </div>

            <!--预约面板-->
            <div id="bookingPanelTriggle"></div>
        </div>
    </div>
    <div id="webFooterBox" class="webFooterBox ">
        <!--图片详情Div -->


        <div id='webFooter' class='webFooter'>
            <div id='footer' class='footer mallThemeFooter'>
                <div class='bottomdiv'>
                    <div class='bottom'>
                        <div class='backtop' onclick='Mobi.scrollToTop("webContainerBox")'>top<b></b></div>
                    </div>
                </div>
                <div class='technical'>
                    <div class='technicalSupport footerInfo'><font face="Arial">©</font>2018 koine-teacher</div>
                    <div class='technicalSupport'><a class='PcVer' href='http://fkcm33.demo.webportal.top?_siteUrl'
                                                     target='_blank' hidefocus='true'>微官网</a></div>
                </div>
            </div>


        </div>
        <style id='mobiStyleService' type='text/css'>
            .open .navItem:nth-child(2) {
                transition-delay: 160ms;
            }

            #svebar_1 .icon-serItemIcon:before {
                content: '\e62c';
                content: '\e62c';
            }

            #svebar_1 .icon-serItemIcon {
                background-image: none;
            }

            .open .navItem:nth-child(4) {
                transition-delay: 240ms;
            }

            #svebar_2 .icon-serItemIcon:before {
                content: '\e6a0';
                content: '\e6a0';
            }

            #svebar_2 .icon-serItemIcon {
                background-image: none;
            }

            .open .navItem:nth-child(6) {
                transition-delay: 320ms;
            }

            #svebar_3 .icon-serItemIcon:before {
                content: '\e67c';
                content: '\e67c';
            }

            #svebar_3 .icon-serItemIcon {
                background-image: none;
            }

            .open .navItem:nth-child(8) {
                transition-delay: 400ms;
            }

            #svebar_4 .icon-serItemIcon:before {
                content: '\e6b2';
                content: '\e6b2';
            }

            #svebar_4 .icon-serItemIcon {
                background-image: none;
            }
        </style>
        <div id='webCustomerServiceBox' class='webCustomerServiceBox' style=''>
            <div class='customerServiceDiv' id='customerServiceDiv'>
                <div id='customServiceLine_1' class='customServiceLine'></div>
                <div class='service serviceClass_1' id='customerServiceType_1'>
                    <div id='serviceNavItem_1' class='navItem navItem_1 icon-navItem'><a id='numberHref_1' href='tel:'>
                        <div class='serBaseIcon'>
                            <div class='icon' id='svebar_1'><span class='serItemIcon icon-serItemIcon'></span>
                                <div id='describeName_1' class='describe'>电话咨询</div>
                            </div>
                        </div>
                    </a></div>
                </div>
                <div id='customServiceLine_2' class='customServiceLine'></div>
                <div class='service serviceClass_2' id='customerServiceType_2'>
                    <div id='serviceNavItem_2' class='navItem navItem_2 icon-navItem'><a id='numberHref_2' href='sms:'>
                        <div class='serBaseIcon'>
                            <div class='icon' id='svebar_2'><span class='serItemIcon icon-serItemIcon'></span>
                                <div id='describeName_2' class='describe'>信息咨询</div>
                            </div>
                        </div>
                    </a></div>
                </div>
                <div id='customServiceLine_3' class='customServiceLine'></div>
                <div class='service serviceClass_3' id='customerServiceType_3'>
                    <div id='serviceNavItem_3' class='navItem navItem_3 icon-navItem'><a id='numberHref_3'
                                                                                         href='javascript:;'
                                                                                         onclick='Mobi.showMapService()'>
                        <div class='serBaseIcon'>
                            <div class='icon' id='svebar_3'><span class='serItemIcon icon-serItemIcon'></span>
                                <div id='describeName_3' class='describe'>在线地图</div>
                            </div>
                        </div>
                    </a></div>
                </div>
                <div id='customServiceLine_4' class='customServiceLine'></div>
                <div class='service serviceClass_4' id='customerServiceType_4'>
                    <div id='serviceNavItem_4' class='navItem navItem_4 icon-navItem'><a id='numberHref_4'
                                                                                         href='mb.jsp'>
                        <div class='serBaseIcon'>
                            <div class='icon' id='svebar_4'><span class='serItemIcon icon-serItemIcon'></span>
                                <div id='describeName_4' class='describe'>在线留言</div>
                            </div>
                        </div>
                    </a></div>
                </div>
            </div>
        </div>
        <div class='webMapServiceBox fk-webMapServiceBox' id='webMapServiceBox'>
            <div style='display:table;height:100%;width:100%;border-collapse: collapse;'>
                <div style='display:table-row;'>
                    <div style='display:table-cell;'>
                        <div class='webMapHeader webHeaderBg'>
                            <div class='g_close icon-gClose' onclick='Mobi.closeMapService()'></div>
                        </div>
                    </div>
                </div>
                <div style='height:100%;width:100%;display:table-row;'>
                    <div class='f-webMapIframeWrap'>
                        <iframe id='mobiSearchMapFrame' frameborder='0' width='100%' height='100%'
                                scrolling='auto'></iframe>
                    </div>
                </div>
            </div>
        </div>
        <div id="fullScreenDivCotainer" class='fullScreenDivCotainer'></div>
    </div>

    <div id="fixedAreaBox" class="fixedAreaBox fixedAreaBox1027_6" tplid="1027_6">

    </div>


    <!--设置网站的背景颜色  start-->
    <div class="webBackgroundBox  ">
        <div id="webBodyBackground" class="webBackground "></div>
        <div id='navExistOffPanel' class='navExistOffPanel'></div>
    </div>


    <!--设置网站的背景颜色  end-->

    <!-- ------------------------------------------ -->
</div>
<div class="webRight"></div>


<script type="text/javascript" language="javascript">


    //管理态下的预览页面提前作处理 之前这里的g_viewMode先去掉
    if (!false && window.top !== window.self) {
        var g_className = document.getElementById("g_body").className;
        document.getElementById("g_body").className = g_className + " ";
    }

    var _oem = true,
        _baiduBridgeCodes = "";

    //用于iframe显示手机模板的时候 给g_web加上width
    var g_webWidth = 0;
    if (g_webWidth == 0) {
        g_webWidth = window.localStorage ? localStorage.getItem("g_webWidth") : Cookie.read("g_webWidth");
        if (g_webWidth != null) {
            document.getElementById("g_web").style.width = g_webWidth + "px";
        }
    } else {
        document.getElementById("g_web").style.width = g_webWidth + "px";
        if (window.localStorage) {
            localStorage.setItem("g_webWidth", g_webWidth);
        } else {
            Cookie.write("g_webWidth", g_webWidth);
        }
    }

</script>


<script type="text/javascript" src="//mo.faisys.com/js/locale/2052.min.js?v=201806051009"></script>
<script type="text/javascript" charset="utf-8" src="//mo.faisys.com/js/jqmobi/jqmobi.min.js?v=201804081340"></script>
<script type="text/javascript" charset="utf-8" src="//mo.faisys.com/js/jqmobi/jqmobi_ui.min.js?v=201804231155"></script>
<!--<script type="text/javascript" charset="utf-8" src="//mo.faisys.com/js/comm/clipboard/clipboard.min.js?v=201803181542"></script>-->
<script id="mobiOperationJS" type="text/javascript" charset="utf-8"
        src="//mo.faisys.com/js/mobi.min.js?v=201807181706"></script>

<script src="/js/plugin/swiper/4.1/swiper.min.js"></script>
<script src="/js/plugin/jquery-2.2.4.min.js"></script>
<script src="/js/plugin/template-web.js"></script>
<script src="/js/plugin/layui/layui.js"></script>
<script src="/js/smartAui.js"></script>

<script type="text/javascript">


    if (typeof Fai == 'undefined') {
        Fai = {};
        //解决页面被嵌套在iframe的场景

        Fai.top = window;

    }
    jm(document).ready(function () {
        var account = smartAui.getUrlParam("account");

        $.ajax({
            url: "/front/websiteindex/getWebsiteContactUsList",
            data: {
                account: account,
            },
            success: function (result) {
                if (result.success && result.data && result.data.length > 0) {
                    $("#pageTitle a").text(result.data[0].companyName);
                }
            }
        });
        $.ajax({
            url: "/front/websiteindex/getWebsiteServiceIntroductionList",
            data: {
                account: account
            },
            success: function (result) {
                if (result.success && result.data && result.data.length > 0) {
                    var data0=[];
                    var data1=[];
                    $.each(result.data,function (_,i) {
                            if(i.type==0){
                                data0.push(i);
                            }else{
                                data1.push(i);
                            }
                    });
                    console.log(data0);
                    console.log(data1);
                    smartAui.renderHtml({
                        targetId: "service",
                        template: "/views/front/website/template/service.html",
                        htmlData: {
                            data:data0
                        },
                        callBack: function () {
                            Mobi.initModuleCardGraphicNewsList({'moduleId': 310, 'picNum': 5});
                        }
                    });
                    smartAui.renderHtml({
                        targetId: "service-demo",
                        template: "/views/front/website/template/service-demo.html",
                        htmlData: {
                            data:data1
                        },
                        callBack: function () {

                        }
                    });

                }
            }
        });

    });


</script>


</body>
</html>

